<template>
  <div class="dashboard-container">
    <TopView />
    <MiddelView />
    <BottomView />
  </div>

</template>

<script>
import TopView from './components/TopView'
import MiddelView from './components/MiddelView'
import BottomView from './components/BottomView'
export default {
  name: 'Dashboard',
  components: {
    TopView,
    MiddelView,
    BottomView,
  },
  mounted() {
    //开启命名空间后,发送dispatch请求时要携带data
    this.$store.dispatch('data/getReportData')
  },
}
</script>

<style lang="scss" scoped>
.dashboard-container {
  background: #eee;
  width: 100%;
  padding: 20px;
}
</style>
